<template>
  <div class="search-warp">
    <span class="search-label-warp">{{label}}:</span>
    <div class="search-input-warp">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: ["label"]
};
</script>
<style lang="less" scoped>
@import "../../assets/less/color.less";
.search-warp {
  display: inline-block;
  height: 44px;
  line-height: 40px;
  margin: 0 40px 15px 0;
  .search-label-warp {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    width: 100px;
  }
  .search-input-warp {
    display: inline-block;
    line-height: 40px;
  }
}
</style>
